<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>电影搜索</title>

	<!-- Bootstrap core CSS -->
	<link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/app.css" rel="stylesheet">
	<link href="css/loading.css" rel="stylesheet">

</head>
<body ng-app='appModule' ng-controller="mainController">

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#javascript:void(0);">Project name</a>
		</div>
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#javascript:void(0);">Dashboard</a></li>
				<li><a href="#javascript:void(0);">Settings</a></li>
				<li><a href="#javascript:void(0);">Profile</a></li>
				<li><a href="#javascript:void(0);">Help</a></li>
			</ul>
			<form class="navbar-form navbar-right">
				<input type="text" ng-model="search" class="form-control" placeholder="Search...">
			</form>
		</div>
	</div>
</nav>

<div class="container-fluid">
	<div class="row">
		<div class="col-sm-3 col-md-2 sidebar">
			<ul class="nav nav-sidebar">
				<li ng-class="{true:'active', false: ''}[isActive1]"} ng-click="isActive1=true;isActive2=false;isActive3=false;"><a href="#/list/in_theaters">正在热映</a></li>
				<li ng-class="{true:'active', false: ''}[isActive2]"} ng-click="isActive1=false;isActive2=true;isActive3=false;"><a href="#/list/coming_soon">即将上映</a></li>
				<li ng-class="{true:'active', false: ''}[isActive3]"} ng-click="isActive1=false;isActive2=false;isActive3=true;"><a href="#/list/top250">TOP250</a></li>
			</ul>

		</div>
		<div ui-view class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"></div>
	</div>
</div>

<script src="./util/angular.js"></script>
<script src="./util/angular-ui-router.js"></script>
<script src="./app.js"></script>
<script src="./areas/list/list_controller.js"></script>
<script src="./areas/detail/detail_controller.js"></script>
<script src="./areas/list/list_service.js"></script>
<script src="./areas/config/config.js"></script>
<script src="./util/crossdomain_service.js"></script>
</body>
</html>
